.content_box{
    height: 623px;
    width: 100%;
    display: flex;
}
.sort_box{
    border-right: 2px solid #f1f2f4;
    height: 623px;
    width: 200px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
}
.sort_btn_box{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    /* border: solid 1px black; */
    border-radius: 5px;
    width: 180px;
}
.sort_btn_box:hover{
    background-color: #f4f5f9;
}
.slected_btn{
    background-color: #eef9fe;
    color: #06a7ff;
    font-weight: 600;
}
.slected_btn:hover{
    background-color: #eef9fe; 
    color: #06a7ff;
    font-weight: 600;
}
.left_box{
    width: 815px;
    display: flex;
    justify-content: flex-start;
}
.list_box{
    height: 563px;
    width: 815px;

}
.detail_box{
    height: 563px;
    width: 300px;
    padding-left: 20px;
    padding-top: 10px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
}
.detail_title{
    width: 100%;
    font-size: 13px;
}
.detail_img{
    margin-top: 20px;
    height: 100px;
    width: 100px;
}
.detail_info{
    margin-top: 30px;
    width: 100%;
    height: 200px;
}
.file_name{
    font-size: 18px;
    /* font-weight: 600; */
}
.file_info{
    margin-top: 10px;
    font-size: 12px;
    color: #8e96a3;
}
.small_content_box{
    height: 623px;
    width: 1115px;
    display: flex;
    flex-direction: column;
}
.search_box{
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: start;
    align-items: center;
    border-bottom: 2px solid #f1f2f4;;
}
.operate_btn{
    margin-left: 20px;
    /* border: 1px solid black; */
    background-color: #eef9fe;
    color: #06a7ff;
    border-radius: 15px;
    height: 30px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}
.search_input_box{
    padding: 3px;
    padding-left: 10px;
    margin-left: 10px;
    border-radius: 15px;
    height: 30px;
    width: 250px;
    background-color: #f1f3f8;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.search_input_box:hover{
    border: 1px solid #06a7ff;
}
.search_input{
    height: 24px;
    width: 200px;
    border: 0px;
    background-color: #f1f3f8;
}
.search_btn{
    display: flex;
    justify-content: center;
    width: 40px;
    font-size: 14px;
    color: #757575;
    border-left: 2px solid #d3d3d3;
}
.search_btn:hover{
    color: #06a7ff;
    cursor: pointer;
}

.show_box{
    width: 1115px;
    height: 563px;
    display: flex;
}
.img_icon{
    height: 20px;
    width: 20px;
    margin-right: 15px;
}
.template1{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
}